<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>会员注册</title>
    <link rel="stylesheet" href="css/reg.css">
    <link rel="stylesheet" href="css/style.css"> 
    <script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
	<script type="text/javascript" src="js/reg.js" ></script>
</head>
<body>
<!--hearder-->
<div class="hearder">
    <div class="w12">
    <div class="logo">
        <a href="#"> <img src="img/logo.png"></a>
        <h3>欢迎注册</h3>
    </div>
    <div class="login">
        <a href="index.html">
            <img src="img/shouye.png">
        </a>
        <a href="index.html">
            <span>返回首页</span>
        </a>
        <b>已有账号，请</b>
        <a href="login.html"><span class="on">登录</span></a>
    </div>
    </div>
</div>
<!--welcome-->
<div class="welcome w12">
    <p>欢迎注册沐鱼用户</p>
</div>
<!--main-->
<div class="main w12">
    <div class="main-left">
        <form>
            <span>用户名：</span><input type="text" class="userName" name="user"/>
            <span>密码：</span><input type="password" class="pwd" name="pwd"/>
            <span>确认密码:</span><input type="password" class="pwdTWO" name="pwd"/>
            <span>Email:</span><input type="email" class="email" name="email"/>
            <span>手机号:</span><input type="tel" class="tel" name="tel"/>
            <span>验证码：</span><input class="code" type="text"  placeholder="输入验证码" name="code"/>
            <a href="#" class="auth">P6Q9</a>
            <div class="deal">
                <input type="checkbox" checked="checked" name="checkbox"/><span class="text">我已阅读并同意注册<<a href="#">沐鱼用户注册协议</a>></span>
            </div>
            <input type="submit" value="立即注册" class="submit" name="submit"/>
        </form>
    </div>
    <div class="main-right">
        <img src="img/zuce.png"/>
    </div>
    <div class="main-foot w12">
        <ul>
            <li><img src="img/login-zhuan.png" /><span>100%正品保证</span></li>
            <li><img src="img/login-you.png" /><span>新人首单免邮</span></li>
            <li><img src="img/login-qi.png" /><span>七天包退换</span></li>
            <li><img src="img/login-m.png" /><span>首次退换免邮费</span></li>
        </ul>
    </div>
</div>
<!--footer-->
<div class="foot">
    <div class="w12">
        <div class="foot-left">
            <div class="foot-list">
                <h2>消费保障</h2>
                <ul>
                    <li>
                        <a href="#">网购警示</a>
                    </li>
                    <li>
                        <a href="#">隐私保护</a>
                    </li>
                    <li>
                        <a href="#">投诉中心</a>
                    </li>
                    <li>
                        <a href="#">客服中心</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>购物指南</h2>
                <ul>
                    <li>
                        <a href="reg.html">免费注册</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                    <li>
                        <a href="#">会员介绍</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>配送方式</h2>
                <ul>
                    <li>
                        <a href="#">收货上门</a>
                    </li>
                    <li>
                        <a href="#">上门自提</a>
                    </li>
                    <li>
                        <a href="#">配送查阅</a>
                    </li>
                    <li>
                        <a href="#">海外配送</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>支付方式</h2>
                <ul>
                    <li>
                        <a href="#">在线支付</a>
                    </li>
                    <li>
                        <a href="#">货到付款</a>
                    </li>
                    <li>
                        <a href="#">分期付款</a>
                    </li>
                    <li>
                        <a href="#">公司转账</a>
                    </li>
                </ul>
            </div>
            <div class="foot-list">
                <h2>售后服务</h2>
                <ul>
                    <li>
                        <a href="#">售后政策</a>
                    </li>
                    <li>
                        <a href="#">价格保护</a>
                    </li>
                    <li>
                        <a href="#">取消订单</a>
                    </li>
                    <li>
                        <a href="#">退款流程</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot-right">
            <h2>服务热线（8:00-18:00）</h2>
            <ul>
                <li>400-123123</li>
                <li>服务邮箱</li>
                <li>123456789@qq.com</li>
            </ul>
        </div>

    </div>

</div>
<div class="w12">
    <div class="base">
        <ul>
            <li>
                <a href="http://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
            </li>
            <li>
                <a href="https://www.taobao.com/">淘宝网</a>
            </li>
            <li>
                <a href="https://www.tmall.com">天猫</a>
            </li>
            <li>
                <a href="http://www.smzdm.com">聚划算</a>
            </li>
            <li>
                <a href="https://www.vip.com/">唯品会</a>
            </li>
            <li>
                <a href="http://www.alibaba.com/">阿里巴巴国际交易市场</a>
            </li>
            <li>
                <a href="https://www.1688.com/">1688</a>
            </li>
            <li>
                <a href="https://www.alimama.com">阿里妈妈</a>
            </li>
            <li>
                <a href="http://trip.taobao.com">去啊</a>
            </li>
            <li>
                <a href="https://wanwang.aliyun.com">万网</a>
            </li>
            <li>
                <a href="https://www.aliyun.com">阿里云计算</a>
            </li>
        </ul>
        <div class="copy">
            <span>&copy;2011-2017   taobao china. 雅倩版权所有   </span>
            <ul>
                <li>
                    <a href="#"> 隐私权政策</a>
                </li>
                <li>
                    <a href="#">  用户服务协议</a>
                </li>
                <li>
                    <a href="#"> 条约规定</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>